<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
<f:view contentType="text/html">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DM-Club</title>
<style type="text/css">
	<!--
	a:link {
		color: #FFF;
		text-decoration: none;
	}
	
	a:visited {
		text-decoration: none;
		color: #FFF;
	}
	
	a:hover {
		text-decoration: underline;
		color: #0FF;
	}
	
	a:active {
		text-decoration: none;
		color: #FFF;
	}
	-->
</style>
	<link href="styles/dm-style.css" rel="stylesheet" type="text/css" />
</h:head>

	<body>
		<div class="conteiner">
			<div class="topo">
				<div class="logo">DMClube.com.br</div>
			</div>
			
			<div class="meio1">
				<img src="imagens/dm_cartao.jpg" width="170" height="234" />
			</div>
			
			<div class="meio2"></div>
			<div class="meio3" align="center">
				<span id="text1"><img src="imagens/spacer.gif" width="170"
					height="15" />VANTAGENS</span><br /> <span id="text2">Agora seu
					novo cartão DM Clube<br /> com muito mais vantagens.
				</span>
			</div>
			<h:form id="link_laranja">
				<div class="search_fundo">
					<div class="search_ret1">
						<div class="search_campos1"></div>
						<div class="search_campos2">
							<strong>MINHA CONTA</strong>
						</div>
						<div class="search_campos3"></div>
						<div class="search_campos1" align="right">
							<strong>login:</strong>
						</div>
						
						<div class="search_campos2">
							<label for="textfield2"></label> <input type="text"
								name="textfield2" id="textfield" style="width: 210px" />
						</div>
						
						<div class="search_campos3"></div>
						<div class="search_campos1" align="right">
							<strong>senha:</strong>
						</div>
						
						<div class="search_campos2">
							<label for="textfield3"></label> <input type="text"
								name="textfield3" id="textfield" style="width: 210px" />
						</div>
						<div class="search_campos3">login</div>
						<div class="search_campos1"></div>
						<div class="search_campos2" align="center">
							<a href="#" id="link_laranja" >Não consigo logar </a> | 
							<a4j:commandLink id="link_laranja" value="Primeiro acesso" action="#{telaInicialBean.primeiroAcesso}" />	
						</div>
						<div class="search_campos3"></div>
					</div>
				</div>
			</h:form>
			<div class="rodape" align="right">
				<img src="imagens/logo.jpg" width="81" height="54" />
			</div>
		</div>
	</body>
	</f:view>
</html>
